<template>
    <div class="mescroll-list">
        <mescroll class="list-draw" @mescrollInit="init"  :upAuto="!hasInit && actived">
             <lottery-item   v-for="(info,index) in list" :key="index" :info="info"></lottery-item>
        </mescroll>
    </div>
</template>

<script>
import Mescroll from 'lottery/components/Mescroll/Mescroll';
import lotteryItem from '../lottery-item/lottery-item.vue';

export default {
  name: 'DuoduocaiH5National',
  props: {
    type: {
      type: [String, Number],
      required: true,
    },
    actived: {
      type: Boolean,
      default: false,
    },
  },
  components: { Mescroll, lotteryItem },
  data() {
    return {
      hasInit: false,
      list: [
        {
          issueDay: '2023-03-02',
          issueWeek: '星期四',
          issueFullNo: '2023023',
          lotteryName: '双色球',
          resultArea1: '05,08,10,15,24,25',
          resultArea2: '09',
          actionList: [
            {
              name: '历史开奖',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '走势图',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '模拟选号',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '遗传模拟',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '奖金计算器',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
          ],

        },
        {
          issueDay: '2023-03-01',
          issueWeek: '星期三',
          issueFullNo: '2023022',
          lotteryName: '大乐透',
          resultArea1: '07,11,15,26,28',
          resultArea2: '08,10',
          actionList: [
            {
              name: '历史开奖',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '走势图',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '模拟选号',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '遗传模拟',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '奖金计算器',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
          ],

        },
        {
          issueDay: '2023-03-02',
          issueWeek: '星期四',
          issueFullNo: '2023051',
          lotteryName: '福彩3D',
          resultArea1: '0,6,6',
          resultArea2: '',
          actionList: [
            {
              name: '历史开奖',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '走势图',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '模拟选号',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '遗传模拟',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '奖金计算器',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
          ],

        },
        {
          issueDay: '2023-03-02',
          issueWeek: '星期四',
          issueFullNo: '2023051',
          lotteryName: '快乐8',
          resultArea1: '02,06,08,14,17,22,25,28,30,36,37,40,42,44,45,58,66,67,72,80',
          resultArea2: '',
          actionList: [
            {
              name: '历史开奖',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '走势图',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '模拟选号',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '遗传模拟',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '奖金计算器',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
          ],

        },
      ],
    };
  },

  mounted() {},

  methods: {
    async init(cb) {
      console.log('🚀 ~ file: national.vue:38 ~ init ~ cb:', cb);
      this.hasInit = true;

      try { /* empty */ } catch (error) { /* empty */ } finally {
        cb(false);
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.mescroll-list {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
</style>
